<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
<html>

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>

	</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="/stylesheets/output.css" rel="stylesheet">
</head>

<body>
	<!--[if lt IE 7]>
			<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
		<![endif]-->
	<div class="w-4xl m-auto p-2.5 pt-6">
		<h1 class="text-center text-4xl m-3">添加记录</h1>
		<hr>
		</hr>
		<form action="#" method="post">
			<div class="w-full h-fit my-2.5">
				<label for="title" class="mb-1.5 inline-block">事项</label>
				<input type="text" name="title" id="title"
					class="w-full h-[30px] text-[17px] indent-1.5 outline-none border-[1px] border-solid border-gray-400 bg-white rounded-[4px]" />
			</div>
			<div class="w-full h-fit my-2.5">
				<label for="time" class=" mb-1.5 inline-block">时间</label>
				<input type='date' name="time" id="time"
					class="w-full h-[30px] text-[17px] indent-1.5 outline-none border-[1px] border-solid border-gray-400 bg-white rounded-[4px]" />
			</div>
			<div class="w-full h-fit my-2.5">
				<label for="type" class="mb-1.5 inline-block">类型</label>
				<!-- <input list="typeList" type="text" name="type" id="type"
					class="w-full h-[30px] text-[17px] indent-1.5 outline-none border-[1px] border-solid border-gray-400 bg-white rounded-[4px]"> -->
				<select id="type" name="type"
					class="w-full h-[30px] text-[17px] indent-1.5 outline-none border-[1px] border-solid border-gray-400 bg-white rounded-[4px]">
					<option value="1">收入</option>
					<option value="-1">支出</option>
				</select>
			</div>
			<div class="w-full h-fit my-2.5">
				<label for="account" class="mb-1.5 inline-block">金额</label>
				<input type="number" name="account" id="account"
					class="w-full h-[30px] text-[17px] indent-1.5 outline-none border-[1px] border-solid border-gray-400 bg-white rounded-[4px]" />
			</div>
			<div class="w-full h-fit my-2.5">
				<label for="remarks" class="mb-1.5 inline-block">备注</label>
				<textarea name="remarks" id="remarks"
					class="w-full h-[30px] text-[17px] indent-1.5 outline-none border-[1px] border-solid border-gray-400 bg-white rounded-[4px]"></textarea>
			</div>
			<button type="submit" class="bg-blue-800 p-2.5 w-[300px] text-white block m-auto rounded-[10px]">添加</button>
	</div>
	</form>


	</div>
</body>

</html>